<!doctype html>
<html lang="en">
	<head>
		<meta charset="UTF-8">
        <title>京东购物车结构</title>
		<style >
		*{margin:0;
          padding:0;
         }
		</style>
		<link href="text.css"rel="stylesheet"type="text/css">
		
	</head>
	.
	<body>
        
        <div class="top">
		    <div class="top1">
			<div class="top11">
                
                <ul>
		            <li class="top111"><img src="img\小房子_03.png"><li>
		            <li class="top111">京东首页</li>
				    <li class="top111"><img src="img\地址图标_03.png"></li>
		            <li class="top111">上海</li>
				</ul>
				
				</div>
				<div class="top12">
				<ul>
				    <li class="top121">手机京东</li>
				    <li class="top121">|</li>
				    <li class="top121">
					    <select class="select">
						    <option>网站导航</option>
							<option>网站导航</option>
							<option>网站导航</option>
							<option>网站导航</option>
						</select>
					</li>
				    <li class="top121">|</li>
					<li class="top121">
					    <select class="select">
						    <option>客户服务</option>
						    <option>客户服务</option>
						    <option>客户服务</option>
							<option>客户服务</option>
							<option>客户服务</option>
						</select>
					</li>
					<li class="top121">|</li>
					<li class="top121">
					    <select class="select">
						    <option>企业采购</option>
							<option>企业采购</option>
							<option>企业采购</option>
						    <option>企业采购</option>
						</select>
					</li>
					<li class="top121">|</li> 
					<li class="top121">京东会员</li>
					<li class="top121">|</li>
					<li class="top121">
					    <select class="select">
						    <option>我的京东</option>
							<option>我的京东</option>
							<option>我的京东</option>
							<option>我的京东</option>
						</select>
					</li>
					<li class="top121">|</li>
					<li class="top121">我的订单 </li>
					<li class="top121">免费注册</li>
					<li class="top122">clydey_y,请登陆</li>
				</ul>
				</div>
				
		    </div>


		</div>
		<div class="among">
        <div class="navigation" >
		    <ul  >
                <li class="navigation1">
		            <img src="img\京东购物车项目.png">
                </li>
			    <li class="navigation2">
			        <b>购物车</b>
			    </li>
				<li class="navigation3">
		         	<div class="navigation31">
			            <input placeholder="自营"class="put">
			           <a><b class="white">搜索</b></a>
			   		</div>
				</li>
			</ul>
		</div> 


        <div class="promote">
		   <img src="img\三角警告_07.png" class="promte1"> 
		   <span class="promote2">您还没有登录！登录后购物车商品将保存到您账号中</span>
		   <button class="promote3">立即登录</button>
		</div>
		<div class="dispatching">
		    <ul>
			    <li class="dispatching1"><b>全部商品3</b></li>
			    <li class="dispatching2"><b>京东大药房</b><li>
			<div class="dispatching3">
			<span >配送至：</span>
			<select class="dispatching4">
			    <option>上海浦东新区城区</option>
				<option>上海陆家嘴</option>
			</select>
		    </div>
		
		</div>
        <div  class="check">
		    <ul>
                <li class="check1">
				    <div class="check11"> 
				        <input type="checkbox" class="checkbox1" >全选
					</div>
				</li>
				<li>
				    <div class="check22">
					    <ul>
					        <li class="check221">商品<li>
					    </ul>
					</div>
				</li>
				<li class="check3">单价</li>
				<li class="check4">数量</li>
				<li class="check5">小计</li>
				<li class="check6">操作</li>

		    </ul>
		</div>
		<div class="self">
		    <ul>
			    <li class="self1"><input type="checkbox" class="checkbox"></li>
				<li class="self2"><button class="self21"> 京东自营</button></li>
				<li class="self3"><img src="img\优惠券.png"></li>
				<li class="self4">还差<span class="self41">￥71.10</span>免运费  去凑单></li>
			</ul>   
		</div>

        <div class="milk">
		    <div>
		        <ul>
		            <li class="milk1"><img src="img\满减.png"></li> 
				    <li class="milk2">活动商品购满2件，即可享受满减> <b>去凑单</b></li>
				    <li class="milk3"></li>
			    </ul>
			</div>
			<div class="ss">
			    <ul>
			        <li class="milk4"><input type="checkbox" class="checkbox" onchange="priming()"></li>
				    <li class="milk5"><img src="img\莫斯利安.png"></li>

				    <li class="milk6">
					     <div class="milk60">
						        <button class="milk61"> 京东超市</button>光明 莫斯利安 常温酸奶  莫斯利安350g*6盒/原...<br>牛奶(原味)350g*6盒/礼盒装 
                        </div>
					</li>

				    <li class="milk7">￥34.80<br><select class="milk71"><option>促销</option></select></li>
				    <li class="milk8">
				        <div class="milk81">
				            <input class="subtract" type="button"value="-" onclick="plu(this)">
				            <input class="show" type="button" value="0">
					        <input class="plus" type="button" value="+" onclick="plu(this)"><br>
				    	    有货
					    </div>
				    </li>
                    <li class="milk9">
					    <div class="milk91">
						    <span class="milk100">￥0.00</span>
					    </div>		
					</li>
				    <li class="milk10"><p onclick="remove(this)">删除</p><span>移到我的关注</span></li>
				    <li class="milk11">【闪购2019-3-16 10:00恢复原价</li>
			    </ul>
			</div>

			<div class="rice">
		    <br>
			<ul>
			    <li class="milk4"><input type="checkbox" class="checkbox" onchange="priming()"></li>
				<li class="milk5"><img src="img\福临门大米.png"></li>
				<li class="milk6">
				    <div class="milk60"><button class="milk61"> 京东超市</button>福临门 东北大米水晶米 中  水晶米5kg<br>粮出品大米<span>5kg</span> 
				    </div>	
				</li>
				<li class="milk7">￥27.90<br><select class="milk71"><option>促销</option></select></li>
				<li class="milk8">
				    <div class="milk81">
				        <input class="subtract" type="button"value="-" onclick="plu(this)">
				        <input class="show" type="button" value="0">
					    <input class="plus" type="button" value="+" onclick="plu(this)"><br>
				    	有货
					</div>
				</li>
                <li class="milk9">
				    <div class="milk91">
				    	<span class="milk100">￥0.00</span>
					</div>
				</li>
				<li class="milk10"><p onclick="remove(this)">删除</p><span>移到我的关注</span></li>
			</ul>
		</div>

		</div>
        
		<div class="shop">
            <ul>
	            <li class="yues1"><input type="checkbox" class="checkbox2"></li>
		        <li class="yues"><img src="img\京东好店.png"></li>
		        <li class="yues">悦胜官方旗舰店</li>
		        <li class="yues"><img src="img\笑脸.png"></li>
	        </ul>
        </div>
		 <div class="fish">
		    <div class="fish_1">
		    <ul>
		        <li class="milk1"><img src="img\满减.png"></li> 
				<li class="milk2">活动商品购满2件，即可享受满减> <b>去凑单></b></li>
				<li class="milk3"></li>
			</ul>
			</div>
			<div class="cc">
			
			    <ul>
			        <li class="milk4"><input type="checkbox"  class="checkbox2"onchange="priming()"></li>
				    <li class="milk5"><img src="img\鱼肉.png"></li>
     
				    <li class="milk6">
					     <div class="milk60">
						        <img src="img\京东_18.png">【2份9折，3份8折】悦胜海<br>南马鲛鱼整条切片 2斤装冷冻鲅鱼段
                        </div>
					</li>

				    <li class="milk7">￥118.00<br><select class="milk71"><option>促销</option></select></li>
				    <li class="milk8">
				        <div class="milk81">
				            <input class="subtract" type="button"value="-" onclick="plu(this)">
				            <input class="show" type="button" value="0">
					        <input class="plus" type="button" value="+" onclick="plu(this)"><br>
				    	    有货
					    </div>
                    <li class="milk9">
					    <div class="milk91">
					        <span class="milk100">￥0.00</span>
					    </div>
					</li>
				    <li class="milk10"><a><p onclick="remove(this)">删除</p></a><span><a>移到我的关注<a></span></a></li>
   			    </ul>	
			</div>


	    </div>	 


		<div class="check2">
		    <div class="check200">
		    <ul>
	            <li class="check21"><input type="checkbox" class="checkbox1" ></li>
				<li class="check21">全部</li>
				<li class="check21"><b onclick="del()">清理购物车</b></li>
			</ul>
			</div>
				    <div class="check20">
					    <div class="check223">去结算</div>
						<div class="check24">总价：￥<b>
						    <span class="check241">0</span>
							  </b>
							  <img src="img\灯泡_03.png">
							  <br>以节省：-￥0.00
						</div>
						<div class="check25">
						已选择<b ><span class="check251">0</span></b>商品</div>
                      
					</diV>
				
		</div>


		<div>
		<ul>
	        <li class="tab">随手购</li>
			<li class="tab">猜你喜欢</li>
			<li class="tab1">
			    <input class="round">
				<input class="round">
			    <input class="round">
			</li>
		
		</ul>
		<table class="table">
		    <tr class="tr">
			    <td class="td">
				    <img src="img\莫斯利安_big.png" class="palyer"><br>
					<span >光明 莫斯利安 常温酸奶牛奶(原<br>味)350g*6盒/礼盒装</span>
				    <p class="self41">￥34.80</p>  
				    <img src="img\加入_03.png" onclick="add(this)" >
				</td>
				<td class="td">
				<img src="img\牛肉.png" class="palyer"><br>
				    <span >科尔沁 休闲肉脯零食 内蒙古特产手撕<br>风干牛肉孜然味          400g</span>
			        <p  class="self41">￥79.90</p>  
         		    <img src="img\加入_03.png" onclick="add(this)" ></td>
				<td class="td">
				   <img src="img\德芙_03.png" class="palyer"><br>
				    <span >德芙Dove巧克力分享碗装 什锦牛奶棒<br>仁葡萄干巧克力 婚庆 礼品 糖果 休闲</span>
	     	        <p  class="self41">￥32.90</p>  
					<img src="img\加入_03.png"onclick="add2(this)" ></td>
				<td class="td">
				    <img src="img\播放器_03.png" class="palyer">
					<span>网易云音乐车载音乐播放器 车载充电<br>播放器一拖二USB车充 汽车车载mp3音乐</span>
				    <p class="self41">￥119.00</p>  
			        <img src="img\加入_03.png" onclick="add2(this)" ></td>			 
			</tr>	
		</table>
        </div>
	</div>
    <div class="div_foot">


	    <div class="div_foot1">  
             <ul>
				<li class="foot2"><img src="img\多_03.png"></li>
				<li class="foot1"><b>品类齐全，轻松购物 </b></li>
				<li class="foot2"><img src="img\快_03.png"></li>
				<li class="foot1"><b>多仓直发，急速配送 </b></li>
				<li class="foot2"><img src="img\好_03.png"></li>
				<li class="foot1"><b>正品行货，精致服务</b> </li>
				<li class="foot2"><img src="img\省_03.png"></li>
				<li class="foot1"><b>天天低价，畅选无忧</b></li>
				
			</ul>   		 
		</div>



		<div class="div_foot2">
		   <div class="foot_div">
		        <ul>
		            <li class="foot3">

			            <ul>
			                <li><a><b>购物指南</b></a></li>
			                <li><a>购物流程</a></li>
			                <li><a>会员介绍</a></li>
			                <li><a>生活旅行/团购</a></li>
			                <li><a>常见问题</a></li>
			                <li><a>大家电</a></li>
			                <li><a>联系客服</a></li>
			            </ul>	
			       </li>
		           <li class="foot4">
			            <ul>
			                <li><a><b>配送方式</b></a></li>
			                <li><a>上门自提</a></li>
			                <li><a>211限时达</a></li>
			                <li><a>配送服务查询</a></li>
                            <li><a>配送费收入标准</a></li>
			                <li><a>海外配送</a><li>
				        </ul>
			        </li>
			       <li class="foot4">
                        <ul>
			                <li><a><b>支付方式</b></a></li>
			                <li><a>货到付款</a></li>
			                <li><a>在线支付</a></li>
			                <li><a>分期付款</a></li>
			                <li><a>邮局汇款</a></li>
			                <li><a>公司转账</a></li>
                        </ul>			
		            </li>
			        <li class="foot4">
			            <ul>
			                <li><a><b>售后服务</b></a></li>
			                <li><a>价格政策</a></li>
			                <li><a>价格保护</a></li>
			                <li><a>退货说明</a></li>
			                <li><a>返修/退货单</a></li>
			                <li><a>取消订单</a></li>
			        	</ul>
			        </li>
		        	<li class="foot42">
			            <ul>
			                <li><a><b>特色服务</b></a></li>
			                <li><a>夺宝岛</a></li>
			                <li><a>DIY装机</a></li>
			                <li><a>延保服务</a></li>
			                <li><a>京东E卡</a></li>
			                <li><a>京东通信</a></li>
			                <li><a>京东JD+</a></li>
			         	</ul>
	                </li>		
		        </ul>
			</div>
		</div>
        <div class="div_foot3">
		            <br>
   				    <span class="foot30">关于我们</span> 
					<span class="foot31">|</span>
					<span class="foot31">联系客服</span>
					<span class="foot31">|</span>					
					<span class="foot31">联系客服</span>
					<span class="foot31">|</span>
					<span class="foot31">合作招商</span> 
					<span class="foot31">|</span>
					<span class="foot31">商家帮助</span>
					<span class="foot31">|</span> 
					<span class="foot31">营销中心</span>
					<span class="foot31">|</span>
					<span class="foot31">手机京东</span> 
					<span class="foot31">|</span>
					<span class="foot31">友情链接</span>
					<span class="foot31">|</span> 				
					<span class="foot31">销售联盟</span>
					<span class="foot31">|</span>
					<span class="foot31">京东社区</span> 					
					<span class="foot31">|</span>					
					<span class="foot31">风险检测</span>				    
					<span class="foot31">|</span> 
					<span class="foot31">隐私政策</span>
					<span class="foot31">|</span>
					<span class="foot31">京东公益</span> 					
					<span class="foot31">|</span>
					<span class="foot31">English Site</span>
					<span class="foot31">|</span> 			 		
					<span class="foot31">Media & IR</span>
					 <br>
					<span>京公网安备1000002000088</span>
					<span>|</span>
					<span>京ICP证03059号</span>
					<span>|</span>
					<span>互联网药品信息服务资格编号(京)-经营性-2014-0008</span>
					<span>|<span>
					<span>新出发京零 字第大120007号<span><br><br>
				
					 <span>互联网出版许可证编号新出网证(京)字号</span>
					 <span>|</span>
					 <span>出版物经营许可证</span>
					 <span>|</span>
					 <span>网络文化经营许可证京网文[2014]2148-348号</span>
					 <span>|</span>
					 <span>违法和不良信息举报电话：4006561155</span>
					 <br>
					 <span>Copyright <input type="button" value="c" class="c151"> 2004-2019 京东JD.com版权所有</span>
					 <span>|</span>
					 <span>消费者维权热线：4006067733    经营执照</span>
					 <span>|</span>
					 <span>(京)网械平台备字(2018)第00003号</span>
					 <span>|</span>
					 <span>营业执照</span>
					 <br>
					 <img src="img\国旗_03.png">
					 <br>
					 <span>京东旗下网站：京东钱包</span>
				     <span>|</span>
					 <span>京东云</span>
					 <br><br>
				    <div class="foot5">
					    <ul>
				            <li class="foot50"><img src="img\网站_03.png"></li>
					        <li class="foot51"><a>可信网站<br>信用评价 </a></li>
                            <li class="foot51"><img src="img\网警_03.png"></li>
					        <li class="foot51"><a>网络警察<br>提醒您 </a></li>
					        <li class="foot51"><img src="img\诚信_03.png"></li> 
					        <li class="foot52"><a>诚信网站</a><li>
					        <li class="foot51"><img src="img\互联_03.png"></li> 
					        <li class="foot51"><a>中国互联网<br>举报中心 </a></li>
                            <li class="foot51"><img src="img\下载_03.png"></li> 
					        <li class="foot51"><a>网络举报<br>app下载 </a></li>
						</ul>  
                    </div>
					 
			 
		
		</div>

	
	</div>
     <script type="text/javascript" src="jingd.js">
	  
     </script>
	</body>
